<template>
   <div>
    <van-nav-bar title="待提货" left-arrow fixed @click-left="onClickLeft" />
    <ul>
        <li>全部</li>
        <li>待付款</li>
        <li>待发货</li>
        <li style="color:red;">待提货</li>
        <li>退款/售后</li>
    </ul>
    <div class="xian"></div>
    <div class="tu"></div>
    <span>暂无订单</span>
  </div>
</template>

<script>
export default {
    methods: {
      onClickLeft() {
        this.$router.push("/mycom").catch(err=>{});
      },
    }
}
</script>

<style scoped>
ul{
    width: 100%;
    height: 35px;
    margin-top: 46px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 12px;
    color: gray;
}
.xian{
    width: 8px;
    border: 1px solid red;
    margin-left: 203px;
}
.tu{
    width: 260px;
    height: 140px;
    background-image: url(https://m.cdfgsanya.com/wap/resources/images/empty-warning/order@3x.8758d77b.png);
    background-size:270px 130px;
    margin: 45px 30px 10px 30px;
}
span{
    padding: 0 127px;
    color: gray;
    text-align: center;
}
</style>